<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Car Buying Process - Knowledge Check</title>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
		<script src="scripts/checks.js" language="javascript"></script>
		
		<!--- link your other script files here that are specific to this HTML page here --->
	</head>	
	<body>
		<header>
			<img src="images/kcheck.jpg" alt="Car Buying Process: Knowledge Check"
				title="Car Buying Process: Knowledge Check"/>
		</header>
		<div id="navigation">
			<nav>
				<a href="intro.html" class="link">Introduction|</a>
				<a href="module1.html" class="link">Module 1 |</a>
				<a href="module2.html" class="link">Module 2 |</a>
				<a href="module3.html" class="link">Module 3 |</a>
				<a href="module4.html" class="link">Module 4 |</a>
				<a href="quiz.html" class="link">Assessment |</a><br/>
			</nav>
		</div>
		<div id="sub-navigation">
			<nav>
				<a href="module1.html" class="sublink">Key Components |</a>
				<a href="module1pg1.html" class="sublink">Key Individuals|</a>
				<a href="module1pg2.html" class="sublink">Terminology |</a>
				<a href="module1pg3.html" class="sublink">Buying Purpose |</a>
				<a href="module1pgkc.html" class="sublink">Knowledge Check </a>
			</nav>
		</div>
		
		<section>
		<div id="aside-info">
			<aside>
				<header>
					<p id="aside-title-audio">Audio</p>
				</header>
				<audio id="narration" controls="controls" autoplay="autoplay">
					<source src="audio/completemod1.mp3" type="audio/mp3">
					<source src="audio/completemod1.ogv" type="audio/ogv">
					Your browser does not support the audio tag.
				</audio>
				<br/>
				<header>
					<p id="aside-title-audio">Transcript</p>
				</header>
			<div id="transcript">
			You have made it through Module 1 let’s review the information.  Drag and Drop the appropriate statement to the correct place.  
			</div>
			</aside>
		</div>
		</section>
		
		<div id="main-content">
		<section>
			<div id="main-info">
				<article>
					
		<div align="center">
		<section>
         		<form name="dd1" onsubmit="javascript:processForm(); return false;"> 
         		<h1>Car Buying Process - Knowledge Check</h1></br>
				<p>Drag and drop each role to match the appropriate responsibility:</p><br/>
				
				<div class="column">
						<h3>Roles</h3>
					 	<div id="d1" value="1" class="dragger" draggable="true"
				     		ondragstart="return startDrag( event )"
				     		ondragend="return endDrag( event )"><p>Sales Consultant</p></div><br/>  
				     	<div id="d2" value="2" class="dragger" draggable="true"
				     		ondragstart="return startDrag( event )"
				     		ondragend="return endDrag( event )"><p>Sales Manager</p></div><br/>                        
				 		<div id="d3" value="0" class="dragger" draggable="true"
				     		ondragstart="return startDrag( event )"
				     		ondragend="return endDrag( event )"><p>Finance Manager</p></div><br/>  
				</div>
				<div class="column">
						<h3>Definition</h3>
				     	<div id="db1" value="2" class="draggerbay" 
				     		ondrop="return dropDragger( event )"
				     		ondragover="return false"
				     		ondragenter="return enterDragger( event )"><p>Act as the negotiation authority.</p></div><br/>                        
				 		<div id="db2" value="0" class="draggerbay"
				     		ondrop="return dropDragger( event )"
				     		ondragover="return false"
				     		ondragenter="return enterDragger( event )"><p>Ensures funds and credit worthiness are in order.</p></div><br/>  
					 	<div id="db3" value="1" class="draggerbay"
				     		ondrop="return dropDragger( event )"
				     		ondragover="return false"
				     		ondragenter="return enterDragger( event )"><p>Is most knowledgeable of the vehicle and guides you through the car buying process.</p></div><br/> 
				</div>
				<p id="response">&nbsp;</p>
				<input type="submit" name="button" value="Submit Your Answer"/><br/>
				</form>
        </section>
        </div>		
		</article>
			</div>
			<div id="main-content-clear">
			</div>
		</section>
		<footer>
		<img src="images/footer.jpg" alt="Car Buying Process: References"
				title="Car Buying Process: References"/>
		</footer>		
	</body>
</html>